<template>
  <div class="tabs-root">
    <vTabs :tabsData="tabsData"/>
  </div>
</template>

<script>
import vTabs from '@/components/VTabs/vTabs.vue';
import facility from '@/views/xy/alarm/base/facility';
import point from '@/views/xy/alarm/base/point';
import device from '@/views/xy/alarm/base/device';
import record from '@/views/xy/alarm/base/record';
import warning from '@/views/xy/alarm/base/warning';
import history from '@/views/xy/alarm/base/history';



export default {
  name: "tabs",
  components: {
    vTabs
  },
  data() {
    return {
      tabsData: [
        {label: this.$commonJs.getModeName(this.$route.path) + '设施信息', content: facility},
        {label: this.$commonJs.getModeName(this.$route.path) + '监测点分布信息', content: point},
        {label: this.$commonJs.getModeName(this.$route.path) + '设备信息', content: device},
        {label: this.$commonJs.getModeName(this.$route.path) + '报警信息', content: record},
        {label: this.$commonJs.getModeName(this.$route.path) + '预警信息', content: warning},
        {label: this.$commonJs.getModeName(this.$route.path) + '设备实时监测数据信息', content: history},
      ]
    };
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
.tabs-root {
  height: 100%;
}
</style>
